<template>
  <div class="main">
    <router-view></router-view>
    <van-tabbar class="alexbar" v-model="active" active-color="#a1caa0" route>
      <van-tabbar-item to="/device" icon="comment"> 设备概况 </van-tabbar-item>
      <van-tabbar-item to="/ljymes" icon="todo-list"> 信息处理 </van-tabbar-item>
      <van-tabbar-item to="/sqdata" icon="chart-trending-o"> 水情数据 </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'home',
  data() {
    return {
      active: 1,
    };
  },
};
</script>

<style scoped>
.alexbar {
  background-color: #f3e5d8;
}
.main{
  background-color: #cbc69e;
}
</style>